<!-- Header -->
<div id="mws-header" class="clearfix">
    
   <!-- Logo Container -->
   <div id="mws-logo-container">
   
       <!-- Logo Wrapper, images put within this wrapper will always be vertically centered -->
       <div id="mws-logo-wrap">
           <img src="/images/logo-2.png" alt="mws admin">
       </div>
   </div>
   
   <!-- User Tools (notifications, logout, profile, change password) -->
   <div id="mws-user-tools" class="clearfix">
        
       <!-- Notifications -->
       <div id="mws-user-notif" class="mws-dropdown-menu">
           <a href="#" data-toggle="dropdown" class="mws-dropdown-trigger"><i class="icon-exclamation-sign"></i></a>
           
           <!-- Unread notification count -->
           <span class="mws-dropdown-notif">35</span>
           
           <!-- Notifications dropdown -->
           <div class="mws-dropdown-box">
               <div class="mws-dropdown-content">
                   <ul class="mws-notifications">
                       <li class="read">
                           <a href="#">
                               <span class="message">
                                   Lorem ipsum dolor sit amet consectetur adipiscing elit, et al commore
                               </span>
                               <span class="time">
                                   January 21, 2012
                               </span>
                           </a>
                       </li>
                       <li class="read">
                           <a href="#">
                               <span class="message">
                                   Lorem ipsum dolor sit amet
                               </span>
                               <span class="time">
                                   January 21, 2012
                               </span>
                           </a>
                       </li>
                       <li class="unread">
                           <a href="#">
                               <span class="message">
                                   Lorem ipsum dolor sit amet
                               </span>
                               <span class="time">
                                   January 21, 2012
                               </span>
                           </a>
                       </li>
                       <li class="unread">
                           <a href="#">
                               <span class="message">
                                   Lorem ipsum dolor sit amet
                               </span>
                               <span class="time">
                                   January 21, 2012
                               </span>
                           </a>
                       </li>
                   </ul>
                   <div class="mws-dropdown-viewall">
                       <a href="#">查看全部信息</a>
                   </div>
               </div>
           </div>
       </div>
       
       <!-- Messages -->
       <div id="mws-user-message" class="mws-dropdown-menu">
           <a href="#" data-toggle="dropdown" class="mws-dropdown-trigger"><i class="icon-envelope"></i></a>
           
           <!-- Unred messages count -->
           <span class="mws-dropdown-notif">35</span>
           
           <!-- Messages dropdown -->
           <div class="mws-dropdown-box">
               <div class="mws-dropdown-content">
                   <ul class="mws-messages">
                       <li class="read">
                           <a href="#">
                               <span class="sender">John Doe</span>
                               <span class="message">
                                   Lorem ipsum dolor sit amet consectetur adipiscing elit, et al commore
                               </span>
                               <span class="time">
                                   January 21, 2012
                               </span>
                           </a>
                       </li>
                       <li class="read">
                           <a href="#">
                               <span class="sender">John Doe</span>
                               <span class="message">
                                   Lorem ipsum dolor sit amet
                               </span>
                               <span class="time">
                                   January 21, 2012
                               </span>
                           </a>
                       </li>
                       <li class="unread">
                           <a href="#">
                               <span class="sender">John Doe</span>
                               <span class="message">
                                   Lorem ipsum dolor sit amet
                               </span>
                               <span class="time">
                                   January 21, 2012
                               </span>
                           </a>
                       </li>
                       <li class="unread">
                           <a href="#">
                               <span class="sender">John Doe</span>
                               <span class="message">
                                   Lorem ipsum dolor sit amet
                               </span>
                               <span class="time">
                                   January 21, 2012
                               </span>
                           </a>
                       </li>
                   </ul>
                   <div class="mws-dropdown-viewall">
                       <a href="#">查看所有消息</a>
                   </div>
               </div>
           </div>
       </div>
       
       <!-- User Information and functions section -->
       <div id="mws-user-info" class="mws-inset">
       
           <!-- User Photo -->
           <div id="mws-user-photo">
               <img src="/example/profile.jpg" alt="User Photo" style="cursor: pointer;">
           </div>
           
           <!-- Username and Functions -->
           <div id="mws-user-functions">
               <div id="mws-username">
                   Hello, <%= user %>
               </div>
               <ul>
                   <li><a href="/admin/index">数据统计</a></li>
                   <li><a href="/logon">退出登陆</a></li>
               </ul>
           </div>
       </div>
   </div>
</div>